html,
body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	margin-top: 0px;
    position: relative;
    overflow-y: auto;
	top: 0;
	width: 100%;
	height: 100%;
	min-height:100% !important;
    min-width: 100% !important;
  
}
/*reset*/
html{max-width: 640px;margin:0 auto;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, figure, section, legend, textarea, p, blockquote, th, td, input, select, textarea, button { margin: 0; padding: 0 }
body{font:14px/1.4 "Microsoft Yahei",Arial,Helvetica,sans-serif;background-color: #fff;color:#424242;max-width: 640px;margin: 0 auto;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
table{border-collapse:collapse;border-spacing:0}
ul,ol,dd,dt,dl{list-style-type:none;}
a{color:#333;text-decoration: none;-webkit-touch-callout: none;-webkit-user-select: none;}
a,input,select,span{-webkit-tap-highlight-color: transparent;-webkit-appearance: none;-moz-appearance: none;-webkit-border-radius: 0;}
input,img{border:none;padding:0;font-size:14px;}
i,em{font-style:normal;}
:focus{outline: none}

.van-list__error-text, .van-list__finished-text, .van-list__loading{
    color: aliceblue !important;
  }
  .van-pull-refresh{
      height: 100%;
  }
.game{
    background: url('../timg/bg2.png') no-repeat;
	background-size: 100% 100%;
	width: 100%;
    height: 100%;
    overflow-y: auto;
    position: relative;
    overflow-x: hidden;
    padding-bottom: 5vw;
}
.btops{
    /* background: url('../timg/btop.png') no-repeat; */
    background-size: 100% 100%;
    /* height: 26vw; */
}
.zhehzhao{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 8;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0);
}
.w20{
    width: 15vw;
}
.w10{
    width: 10vw;
}
.w35{
    width: 35vw;
}
.scllow {
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    overflow-y: hidden;
    padding: 0 2vw;
}
#name{
    text-shadow: 1px 1px 1px #11204a;
}
.kaifudjs{
    background: url('../timg/bct.png') no-repeat;
    background-size: 100% 100%;
    height: 10vw;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: #fff !important;

}
.van-count-down{
    color: #fff !important;

}
.top{
    width: auto;  
    padding:2vw  3vw;
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
}
.addsde{
    font-size: 4vw;
    margin-left: 2vw;
    color: #01FFFB;
    text-shadow: 1px 1px 1px #11204a;
    border: 1px solid #81f6e4;
    padding: 3px 5px;
    border-radius: 20px;
    background: #1b6fa3;
}
.ictxs{
    width: 15vw;
    height: 15vw;
}
.ictx{
    width: 10vw;
    height: 10vw;
}
.nodata{
    background: url('../timg/nodata.png') no-repeat;
    background-size: contain;
    background-position: center;
    height: 20vw;
    width: 100%;
    margin-top: 50%;
    margin-left: 50%;
    transform: translate(-50%, -50%);
}
.tright{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 20vw;
    position: relative;
}
.xzyyb{
    position: absolute;
    top: 8vw;
    left: -2vw;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background: url('../timg/zywbg.png') no-repeat;
    background-size: 100% 100%;
    padding: 5vw 3vw 2vw;
    height: 16vw;
    width: 18vw;
    z-index: 10;
}
.liem{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    background: #06264677;
    color: #01FFFB;
    border-radius: 10px;
    padding: 1vw;
    margin: 0.5vw 0;
    font-size: 3.5vw;
}

.lotx0{
    background: url('../timg/V0.png') no-repeat;
    background-size: contain;
    background-position: center;
}
.lotx1{
    background: url('../timg/V1.png') no-repeat;
    background-size: contain;
    background-position: center;
}
.lotx2{
    background: url('../timg/V2.png') no-repeat;
    background-size: contain;
    background-position: center;
}
.lotx3{
    background: url('../timg/V3.png') no-repeat;
    background-size: contain;
    background-position: center;
}
.lotx4{
    background: url('../timg/V4.png') no-repeat;
    background-size: contain;
    background-position: center;
}
.lotx5{
    background: url('../timg/V5.png') no-repeat;
    background-size: contain;
    background-position: center;
}

.wk0{
    background: url('../timg/kg0.gif') no-repeat;
    background-size: contain;
    background-position: center; 
}
.wk1{
    background: url('../timg/kg1.gif') no-repeat;
    background-size: contain;
    background-position: center; 
}
.wk2{
    background: url('../timg/kg2.gif') no-repeat;
    background-size: contain;
    background-position: center; 
}
.wk3{
    background: url('../timg/kg3.gif') no-repeat;
    background-size: contain;
    background-position: center; 
}
.wk4{
    background: url('../timg/kg4.gif') no-repeat;
    background-size: contain;
    background-position: center; 
}
.wk5{
    background: url('../timg/kg5.gif') no-repeat;
    background-size: contain;
    background-position: center; 
}
.u-nc{
    font-size: 6vw!important;
    font-weight: 600;
}
.tbico-1{
    background: url('../timg/zcico.png') no-repeat;
    background-size: 100% 100%;
    width: 5vw;
    height: 5vw;
    margin-right: 1vw;
    display: block;
}
.tbico-2{
    background: url('../timg/syico.png') no-repeat;
    background-size: 100% 100%;
    width: 5vw;
    height: 5vw;
    margin-right: 1vw;
    display: block;
}
.tbico-3{
    background: url('../timg/yqico.png') no-repeat;
    background-size: 100% 100%;
    width: 5vw;
    height: 5vw;
    margin-right: 1vw;
    display: block;
}
.tbico-4{
    background: url('../timg/jdico.png') no-repeat;
    background-size: 100% 100%;
    width: 5vw;
    height: 5vw;
    margin-right: 1vw;
    display: block;
}

.tb-ico{
    width: 6vw;
    height: 6vw;
    margin-right: 1vw;
}
.tb-ico2{
    width: 6vw;
    height: 6vw;
    margin-bottom:1vw;
}
.tb-icos{
    height: 4vw;
    width: 4vw;
}
.topbtn{
    /* background: url('../timg/bct.png') no-repeat;
    background-size: 100% 100%; */
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    height: 10vw;
}
.tb-item{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    color: #fff;  
    font-size:3.5vw;
    padding: 1vw;
    text-shadow: 1px 1px 1px #11204a;
}
.nuei{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 2vw ;
    position: relative;
    z-index: 9;
}
.ml-3{
    margin-left: 6vw;
}
.mr-3{
    margin-right: 6vw;
}
.gamebody{
    height: 112vw;
    position: relative;
    overflow: hidden;
    margin-top: -12vw;
    z-index: 0;
    background: url("../timg/gams.png") no-repeat;
    background-size: contain ;
    background-position: center;
}
.tetx{
    font-size: 3vw;
    color: #fff;
    line-height: 5vw;
    display: flex;
    justify-content: center;
}
.wj{
    position: absolute; 
    height: 15vw;
    width: 15vw;
}
.wj2{
    position: absolute; 
    top: 60vw;
    left: 22vw;
    height: 10vw;
    width: 10vw;
}
.wj3{
    position: absolute; 
    top: 34vw;
    left: 22vw;
    height: 10vw;
    width: 10vw;
}
.wj4{
    position: absolute; 
    top: 47vw;
    left: 76vw;
    height: 10vw;
    width: 10vw;
}
.wj5{
    position: absolute; 
    top: 82vw;
    left: 50vw;
    height: 10vw;
    width: 10vw;
}
.wj6{
    position: absolute; 
    top: 26vw;
    left: 71vw;
    height: 10vw;
    width: 10vw;
}
.wj7{
    position: absolute; 
    top: 21vw;
    left: 41vw;
    height: 10vw;
    width: 10vw;
}
.wj8{
    position: absolute; 
    top: 68vw;
    left: 70vw;
    height: 10vw;
    width: 10vw;
}
.wj9{
    position: absolute; 
    top: 78vw;
    left: 12vw;
    height: 10vw;
    width: 10vw;
}
.wj10{
    position: absolute; 
    top: 45vw;
    left: 10vw;
    height: 10vw;
    width: 10vw;
}
.tanchu{
    animation: outns 0.5s linear ;
}
@keyframes outns{
    0% {
        opacity: 0;        
        transform: scale(0);
    }
    50% {
        opacity: 0.8;        
        transform: scale(1);
    }
    80% {
        opacity: 0.8;        
        transform: scale(1.5);
    }
    100% {
        opacity: 1;        
        transform: scale(1);
    }

}

.leida{
 background: url("../timg/game.png") no-repeat;
 background-size: contain ;
 background-position: center;
 height: 100%;
 width: 100%;
 margin: 0 auto;
 overflow: hidden; 
}
.putong{
    animation: rotate 5s linear 0s infinite;
}
.jsdu{
    animation: rotate 5s linear 0s infinite;
}
@keyframes rotate {
    0% {
        opacity: 1;        
        transform: scale(0.5);
        transform: rotate(0deg);
    }
    50% {
        opacity: 0.5;
        transform: scale(0.8);
        transform: rotate(180deg);
        
    }


    100% {
        opacity: 1;
        transform: scale(1);
        transform: rotate(360deg);
        
    }

    
}
.daojishi{
    background: url("../timg/djs.png") no-repeat;
    background-size: 100% 100%;
    height: 20vw;
    width: 20vw;
    position: absolute;
    top: 50%;
    left: 50%;  
    transform: translate(-50%, -50%);
}

.wkz{
    background: url("../timg/wkz.png") no-repeat;
    background-size: 100% 100%;
    height: 20vw;
    width: 20vw;
    color: #fff;
    display: flex;
    font-size: 4vw ;
    font-weight: bold;
    color: #fff;
    justify-content: center;
    align-items: center;
    position: absolute;
    flex-direction: column;
    top: 50%;
    left: 50%;  
    transform: translate(-50%, -50%);
}
.wkjs{
    background: url("../timg/wkjs.png") no-repeat;
    background-size: 100% 100%;
    height: 13vw;
    width: 25vw;
    position: absolute;
    top: 50%;
    left: 50%;  
    transform: translate(-50%, -50%);
}
.djs{
    font-size: 2vw;
    color: #fff;
    text-align: center;
    line-height: 20vw;
    height: 20vw;
    width: 20vw;
    display: flex;
    justify-content: center;
    align-items: center;
   
}
@keyframes djs {
    0% {
        opacity: 0.5;        
        transform: scale(0.5);
    }
    50% {
        opacity: 0.8;
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.kswk{
    background: url("../timg/kswk.png") no-repeat;
    background-size: contain;
    height: 12vw;
    width: 30vw;
    position: absolute;
    top: 50%;
    left: 50%;  
    transform: translate(-50%, -50%);
}
.kswken{
    background: url("../timg/kswken.png") no-repeat;
    background-size: contain;
    height: 12vw;
    width: 30vw;
    position: absolute;
    top: 50%;
    left: 50%;  
    transform: translate(-50%, -50%);
}
.btg{   
    background: url("../timg/hyjzk.png") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 18vw;
    margin: 0 6vw;
}
.link{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    font-size: 3.5vw;
    padding: 0 1vw;
}
.txtc{
    color: #01FFFB !important;
    font-size: 4vw;
}
.redtip{
    background: red;
    height: 2vw;
    width: 2vw;
    position: absolute;
    top: 2vw;
    right: 2vw;
    border-radius: 100%;
    box-shadow: 1px 2px 5px #011021;

}
.kq{
    background: url("../timg/kq.png") no-repeat;
    background-size: 100% 100%;
    height: 5vw;
    width: 10vw;
    margin-left: 2vw;
}
.gb{
    background: url("../timg/gb.png") no-repeat;
    background-size: 100% 100%;
    height: 5vw;
    width: 10vw;
    margin-left: 2vw;
}
.line{
    background: url("../timg/line.png") no-repeat;
    background-size: 100% 100%;
    height: 2vw;
    margin: 2vw 0;
}
.icon1{
    background: url('../timg/icos1.png') no-repeat;
    background-size: 100% 100%;
    height: 8vw;
    width: 8vw;
    margin-bottom: 4vw;
}
.icon2{
    background: url('../timg/icos2.png') no-repeat;
    background-size: 100% 100%;
    height: 8vw;
    width: 8vw;
    margin-bottom: 4vw;
}
.icon3{
    background: url('../timg/icos3.png') no-repeat;
    background-size: 100% 100%;
    height: 8vw;
    width: 8vw;
    margin-bottom: 4vw;
}

.heyue{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background: url('../timg/hyys1.png') no-repeat;
    background-size: 100% 100%;
    color: #fff;
    height: 40vw;
    flex: 1;
    margin: 3vw;
    font-size: 4vw;
}
.heyuebg{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background: url('../timg/hyys2.png') no-repeat;
    background-size: 100% 100%;
    color: #fff;
    height: 45vw;
    width: 30vw;
    margin: 2vw 4vw;
    font-size: 4vw;
}

.info-tit{
    font-size: 8vw;
    color: #01FFFB;
    margin: 4vw auto 2vw;
    font-weight: 600;
}
.info-txt{
    font-size: 4vw;
    color: #E2E5EB;
    margin: 0.2vw auto 4vw;
}
.info-txtc{
    font-size: 6vw;
    color: #01FFFB;
    margin:  auto 2vw;
}
.wl-tips{
    margin: 4vw 10vw;
}
.wl-link{
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: row;
    margin:0 2vw;
}
.wl-kuang{
    background: url("../timg/hyjzk.png")no-repeat;
    background-size: 100% 100%;
    flex: 1;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
    padding: 4vw;
    color: #fff;
    margin: 5px 1px;
}
.wl-tp{
    color: #01FFFB;
    font-size: 4vw;
}
.wl-tp1{
    font-size: 6vw;   
    overflow-y: hidden;
    position: relative;
    overflow-x: auto;
    width: 40vw;
    margin: 1px;
}
.tt{
    font-size: 6vw;
    color: #01FFFB;
    margin: 4vw;
}
.wl-lb{
    background: url('../timg/dqjllb.png') no-repeat;
    background-size: 100% 100%;
    height: 113vw;
    margin: 4vw 2vw;
}
.wl-dqjl-lb-top{
    height: 15vw;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.lisy{
    overflow-y: auto;
    overflow-x: hidden;
    height: 90vw;

}
.wl-l1{
    color: #fff;
    flex-grow: 1;
    font-size: 4vw;
}
.wl-dqjl-item{
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-bottom: 1px solid #01FFFB;
    color: #fff;
    margin: 4vw;
    padding-bottom: 1vw;
    font-size: 4vw;
}
.t6{
    font-size: 6vw !important;
}
.wl-ptsh{
    margin: 4vw auto 10vw;
}
 .wl-ptsh-item{
     font-size: 4vw;
     color: #01FFFB;
 }
 .wl-ptsh-item-k{
    background: url('../timg/ptsjk.png') no-repeat;
    background-size: 100% 100%;
    height: 16vw;
    margin:2vw 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
 }
 .icons{
     width: 6vw;
     height: 6vw;
 }
 .wl-ptsh-icon{
     height: 6vw;
     flex-grow: 1;
 }
 .wl-ptsh-txt{
     color: #fff;
     font-size: 6vw;
     font-weight: 600;
     flex-grow: 2;
     text-align: left;
     letter-spacing:1px;
     
 }
.wl-ptsh-txts{
    margin-right: 3vw;
    color: #fff;
    font-size: 6vw;
    font-weight: 600;
    text-align: left;
    overflow-y: hidden;
    position: relative;
    overflow-x: auto;
    width: 60vw;
}
 .myinfo{
    background: url('../timg/myinfo.png') no-repeat;
    background-size: 100% 100%;
    height:100%;

 }
 .user{
     padding-top: 20vw;
     display: flex;
     justify-content: left;
     flex-direction: column;
     align-items: flex-start;
     margin-left: 6vw;
 }
 .u-id{
     height: 6vw;
     line-height: 6vw;
     font-size: 4vw;
 }
 .u-dj{
     color: #fff;
     font-size: 4vw;
     margin-top: 2vw;
 }
 .w95{
     width: 95% !important;
 }
 .newbg{
    position: relative;
    background: #ffffff36;
    padding: 2vw 4vw;
    margin: 3vw 0 2vw;
    position: relative;
    border-radius: 5px;
    /* border-bottom: 1px solid #0753b3; */
    /* box-shadow: 1px 2px 3px #01FFFB; */
 }
 .slh{
	        flex-wrap: nowrap;
			overflow-x: auto;
			white-space: nowrap;
            text-shadow: 1px 1px 1px #11204a;
 
    width:80%;
    overflow:hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
 }
 .u-ds{
    color: #fff;
    font-size: 3vw;
    margin-top: 2vw;

 }
 .wl-list{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 10vw;
    padding-left: 20%;
 }
 .wl-list-item{
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
 }
.txtw{
    color: #01FFFB;
    font-size:4vw;
    border-bottom: 1px solid #01FFFB;
    padding-bottom: 2vw;
    margin: 4vw 2vw;
    text-shadow: 1px 1px 1px #11204a;
}

.ttipse{
    background: url('../timg/tiipe.png');
    background-size: 100% 100%;
    height:auto;
    padding: 2vw 3vw;
    width: 50vw;
    font-size: 3vw;
    text-align: left;
    color: #04285A;
    position: absolute;
    top: 4vw;
    left: 12vw;
    z-index: 15;
    text-shadow: none;
}

.wl-body{
    height:100%;
    min-height: 100%;
    /* background: url('../timg/qtbg.png') no-repeat;
    background-size: 100% 100%; */ 
    width: 100%;
    z-index: 99;
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
    top: 0;

}
.jd-body{
    background:#09021a !important;
}

.slideIn {
    animation: slideIn1 .8s ease forwards;

  }
  .slideOut {
    animation: slideOut .8s ease forwards;
  }
  @keyframes slideIn1 {
    0% {
        opacity: 0.5;
      transform: translateY(5%);
    }     
    50% {
        opacity: 0.8;
      transform: translateY(-1%);
    } 
    100% {
        opacity: 1;
      transform: translateX(0%);
    }
  }
  @keyframes slideOut {
    0% {
      opacity: 0.5;
      transform: translateX(-10%);
    }
    100% {
      opacity: 1;
      transform: translateX(0%);
    }
  }
  .slideBig {
    animation: big  5s ease infinite;
  }
  @keyframes big {
    0% {
      transform: scale(1.1);
      opacity: 1;
      transform: translateY(-1%);
    }
    50% {
      transform: scale(0.8);
      opacity: 0.8;
      transform: translateY(0%);
    }
    100% {
      transform: scale(1.1);
      opacity: 1;
      transform: translateY(-1%);
    }
  }
  .qttop{
      display: flex;
      align-items: center;
  }
  .back{
      background: url('../timg/l.png') no-repeat;
      background-size: contain;
      width: 4vw;
      height: 6vw;
  }
  .title{
      font-size: 6vw;
      color: #fff;
      flex: 1;
  }
  .van-popup{
      background-color: transparent !important;
  }

  .yama{
      display: flex;
      justify-content: space-around;
      flex-direction: column;
      align-items: center;
      height: 100%;
      padding: 0 3vw;
  }
  .txte{
      font-size: 6vw;
      color: #01FFFB;
      margin: 2vw auto;
      font-weight: 600;
  }
  .yqhy-bg{
    background: url('../timg/dioz2.png') no-repeat;
    background-size: 100% 100%;
 
    height: 90vw;
    width: 85%;
    margin: 0 auto;
  }
  .yqbd-bg{
    background: url('../timg/dioz2.png') no-repeat;
    background-size: 100% 100%;
    height: 60vw;
    width: 80vw;
  }
  .loser-bg{
    background: url('../timg/dioz2.png') no-repeat;
    background-size: 100% 100%; 
    height: 60vw;
    width: 80%;
    margin: 0 auto;
  }
  .ggmode{
    background: url('../timg/dioz2.png') no-repeat;
    background-size: 100% 100%; 
    min-height: 60vw;
    height: auto;
    width: 80%;
    margin: 0 auto;
    color: #fff;
  }
  .loser-body{
      font-size: 3vw;
  }
  .sfttx{
      font-size: 3vw;
      color: #fff;
      margin: 3vw auto;
  }
  .bnts{
    background: url('../timg/btns.png') no-repeat;
    background-size: 100% 100% ;
    height: 14vw;
    width: auto;
    line-height: 14vw;
    color: #fff;
    font-size: 4vw;
    margin: 4vw auto;
    padding: 1vw 10vw;
    display: flex;
    justify-content: center;
    align-items: center;

  }
  .sbnts{
    background: url('../timg/btns.png') no-repeat;
    background-size: 100% 100% ;
    height: 10vw;
    width: 30vw;
    line-height: 10vw;
    color: #fff;
    font-size: 3vw;
    margin: 4vw auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .sdawda{
      margin: 2vw;
  }
  .tts{
      text-align: left;
      color: #E2E5EB;
      text-shadow: 1px 1px 1px #11204a;
      margin-bottom: 2vw;
      font-size: 4vw;
  }
  .inputs{
    background: #021732;
    color: #01FFFB;
    border: none;
    border-radius: 5px;
    height: 8vw;
    padding-left: 2vw;
    width: 90%;
    font-size: 0.22rem;
  }
  input::-webkit-input-placeholder {
    color: #fff;
}
.isde{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 8vw;
    width: 100%;
    min-width: 60vw;
    border-radius: 5px;
    align-items: center;
    padding: 0 2vw ;
    color: #E2E5EB;
    text-shadow: 1px 1px 1px #11204a;
    font-size: 0.18rem;
}
.isdesd{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 8vw;
    width: 100%;
    min-width: 60vw;
    align-items: center;
    padding: 0 2vw ;
    color: #E2E5EB;
    text-shadow: 1px 1px 1px #11204a;
    border-bottom: 1px solid #01FFFB;
    font-size: 0.18rem;
}

.ff{
    width: 4vw;
}
.fuzhi{
    background: transparent;
      margin-left: 1vw;
      border: none;
  }
.bdds{
    width: 90%;
    margin: 2vw auto;
}
  .slink{
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: row;
      width: 100%;
  }
  .txtsde{
      font-size: 4vw;
  }
  .t-left{
      text-align: left !important;
  }
  .defcf{
      color: #01FFFB;
      font-size: 3vw;
  }
  .zc-dj{
      font-size: 4vw;
      color: #fff;
      margin: 2vw 0 4vw;
  }
  .flex1{
      flex: 1;
      text-align: left;
  }
  .bottml{
    padding-bottom: 2vw;
    border-bottom: 1px solid #1dbfe0;
  }
  .bottmls{
    border-bottom: 1px solid #1dbfe0;
    box-shadow: 0px 0px 6px #176da9 inset;
    padding: 2vw 3vw;
    border-radius: 10px;
  }
  .bottmb{
    padding-bottom: 2vw;
    border-bottom: 1px solid #01FFFB;
  }
  .topbox{
    padding-bottom: 2vw;
    border: 1px solid #1dbfe0;
    margin: 2vw;
    border-radius: 10px;
    background: #022e60b8;
    box-shadow: 0px 0px 6px #176da9 inset;
  }
  .link-item{
      margin: 3vw 0 2vw;
      position: relative;
  }
  .i-title{
      font-size: 4vw;
      color: #01FFFB;

  }
  .mtp{
      margin: 4vw;
  }
  .mtpo{
    margin: 4vw auto;
  }
  .xuankuang{
     width: 100%;
     border: 0.5px solid #1dbfe0;
     border-radius: 5px;
     background: #022e608c;
     box-shadow:#176da9 0px 0px 10px inset;
  }
  .xuankuang1{
    width: 100%;
    background: url('../timg/hk-2.png') no-repeat;
    background-size: 100% 100%;
 }
  .xuankuang2{
    width: 100%;
    background: url('../timg/hk-3.png') no-repeat;
    background-size: 100% 100%;
 }

 .czhk1{
    width: 100%;
    background: url('../timg/czhk1.png') no-repeat;
    background-size: 100% 100%;
 }
 .czhk2{
   width: 100%;
   background: url('../timg/czhk2.png') no-repeat;
   background-size: 100% 100%;
}
 .czhk3{
   width: 100%;
   background: url('../timg/czhk3.png') no-repeat;
   background-size: 100% 100%;
}
.czhk4{
    width: 100%;
    background: url('../timg/czhk4.png') no-repeat;
    background-size: 100% 100%;
 }

  .xk1{
    /* width: 14vw; */
    font-size: 3.5vw;
    text-align: center;
    width: 100%;
    height: 6vw;
    color: #fff;
    line-height: 6vw;
    padding: 1vw;
    margin: 0 2vw;
  }
  .xk1r{
    text-align: center;
    width: 100%;
    font-size: 3.5vw;
    height: 6vw;
    color: #fff;
    line-height: 6vw;
    padding: 1vw;
    margin-right: -1px;
  }
  .xk1l{
    text-align: center;
    width: 100%;
    font-size: 3.5vw;
    height: 6vw;
    color: #fff;
    line-height: 6vw;
    padding: 1vw;
    margin-left: -1px;
  }
  .active{
      color: #000 !important;      
      text-align: center;
      text-shadow: none !important;
      background: #53fbfd;
      border-radius: 5px;
  }

  .topchanger{
    /* background: url('../timg/tbxk-1.png') no-repeat;
    background-size: 100% 100%; */
    width: 100%;
    border: 1px solid #1dbfe0;
    border-radius: 5px;
    background: #022e608c;
    box-shadow:#176da9 0px 0px 10px inset;
    margin: 0 auto;
  }
  .topchanger2{
    background: url('../timg/tbxk-2.png') no-repeat;
    background-size: 100% 100%;
    width: 100%;
    margin: 0 auto;
  }
  .zc-top{
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    margin: 6vw 0;
    padding: 2vw;
    height: auto;
  }
  .centetr{
      margin: 0 6vw;
  }
  .m-1{
      margin: 2vw 0;
  }
  .w30{
      width: 60vw !important;
  }
  .w31{
    width: 56vw !important;
  }
  .w80{
    width: 80vw !important;
  }
  .xks{
      text-align: center;
      width: 100%;
      font-size: 4vw;
      color: #fff;
      font-weight: 600;
      padding: 2vw ;
      margin-left: -1px;
  }
  .xksr{
    text-align: center;
    width: 100%;
    font-size: 4vw;
    height: 6vw;
    color: #fff;
    line-height: 6vw;
    padding: 1vw;
    margin-left: -1px;
    
  }
  .xksz{
    text-align: center;
    width: 100%;
    font-size: 4vw;
    height: 6vw;
    color: #fff;
    line-height: 6vw;
    padding: 1vw;
    margin: 0 2vw;
  }
  .xksl{
    text-align: center;
    width: 100%;
    font-size: 4vw;
    height: 6vw;
    color: #fff;
    line-height: 6vw; 
    padding: 1vw;
    margin-right: -1px;
  }
  .tr-see{

  }
  .see{
    background: url('../timg/see.png') no-repeat;
    background-size: 100% 100%; 
    width: 6vw;
    height: 4vw;
  }

.nosee{
    background: url('../timg/nosee.png') no-repeat;
    background-size: 100% 100%;
    width: 6vw;
    height: 4vw;
}
.m-2{
    margin: 4vw 0;
}
.zc-r{
    position: absolute;
    right: 2vw;
    top:4vw;
    height: 6vw;
    width: 6vw;
}
.zc-rs{
    right: 0vw;
    position: absolute;
    top: 6vw;
    height: 6vw;
    width: 6vw;
}
.bz-r{    
    right: 0vw;
    position: absolute;
    top: 0vw;
    height: 6vw;
    width: 6vw;
}
.zl-r{
    height: 3vw;
    width: 3vw;
    margin-left:2vw;
}
.deaw{
    padding: 4vw 0;
}

.bottomflex{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}
.sxdq{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;   
}
.flesa{
    position: absolute;
    bottom: 0vw;
    font-size: 4vw;
    color: #01FFFB;
}
.tbdlog{
    background: url('../timg/tibg.png') no-repeat;
    background-size: 100% 100%; 
    height: 80vw; 
    margin-bottom: 10vw;
    margin:4vw;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
    height: 100%;
}
.sdadw{
    width: 80%;
    margin: 4vw auto;
}

.gmsl-bg{
    background: url('../timg/dioz2.png') no-repeat;
    background-size: 100% 100%; 
    height: 80vw; 
    margin-bottom: 10vw;
    margin: 4vw auto;
    width: 90%;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
}
.sl-body{
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
    height: 100%;
    width: 80%;
}
.sdea{
    margin-bottom: 2vw;
}
.suanlibg{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    width: 80vw;
    height: auto;
    color: #fff;
    font-size: 4vw;
}
.fl1{
    flex: 1;
}
.sldj-bg1{
    background: url('../timg/sl1.png') no-repeat;
    background-size: 100% ; 
    width: 66vw;
    height: 5vw;
    margin: 0 auto;
    background-position: bottom;
}
.sldj-bg2{
    background: url('../timg/sl2.png') no-repeat;
    background-size: 100% ; 
    width: 66vw;
    height: 5vw;
    margin: 0 auto;
    background-position: bottom;
}
.sldj-bg3{
    background: url('../timg/sl3.png') no-repeat;
    background-size: 100% ; 
    width: 66vw;
    height:5vw;
    margin: 0 auto;
    background-position: bottom;
}
.sldj-bg4{
    background: url('../timg/sl4.png') no-repeat;
    background-size: 100% ; 
    width: 66vw;
    height: 5vw;
    margin: 0 auto;
    background-position: bottom;
}
.xxs-bods{
    background-color: #ebeaea61;
    height: 100%;
    padding: 2vw;
    width: auto;
    border-radius: 5px;
}
.txicon{
    width: 5vw;
    margin-right: 2vw;

}
.xx-bods{  
    background-color: #6e686869;
    height: auto;
    padding: 2vw 0;
    width: auto;
    border-radius: 5px;
    margin: 2vw;
}
.xx-title{
    text-align: center;
    font-size: 4vw;
    margin-left: 2vw;
    font-weight: 600;
    color: #01FFFB;
}
.t-right{
    text-align: right;
}
.xx-time{
    font-size: 3vw;
    margin: 4vw 2vw;
    color: #E2E5EB;
    padding-bottom: 2vw;
    border-bottom: 1px solid #ccc;
}
.xx-content{
    font-size: 3vw;
    margin:6vw 2vw;
    color: #fff;
    text-align: left;
}
.xx-content p img{
    width: 100%;
    height: auto;
}
.bzzxbg{
    background-color: #6e686869;
    padding: 3vw;
    margin: 10vw 2vw;
    border-radius: 5px;

}
.help-t{
    text-align: left;
    font-size: 4vw;
    font-weight: 600;
    color: #01FFFB;
}
.help-s{ 
    text-align: left;
    font-size: 4vw;
    margin: 4vw auto;
    color: #fafafa;
    padding-bottom: 3vw;
    border-bottom: 1px solid #07d7f638;
}
.mtp-10{
    margin-top: 10vw;
}
.ggn{
    color: #fff;
    font-size: 4vw;
}
.gg{
    color: #01FFFB;
    font-size: 4vw;
}
.ml-3{
    margin-left: 6vw;
}
.gg-con{
    width: 100%;
    overflow-x: auto;
    text-align: left;
}
.gg-t{
    text-align: left;
    font-size: 5vw;
    
    font-weight: 600;
    color: #01FFFB;
}
.gd{
    width: 100%;
    margin:6vw auto;
}
.embg{
    background: url('../timg/emabg.png') no-repeat;
    background-size: 100% 100%;
    width: 90%;
    height: 10vw;
    border: none;
    padding: 0 4vw;
    margin-top: 2vw;
}
.bkly{
    background: url('../timg/bkly.png') no-repeat;
    background-size: 100% 100%;
    width: 90%;
    height: 40vw;
    border: none;
    padding:  4vw;
    margin-top: 2vw;
    color: #01FFFB;
}

.dh-top{
    /* background: url('../timg/dhbg.png') no-repeat; */
    background: rgba(0, 0, 0, 0.192);
    
    background-size: 100% 100%;
    height: 80vw;
    width: 90%;
    margin: 4vw auto;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 2vw;
    border: 1px solid #01FFFB;
    border-radius: 20px;
    box-shadow: 1px 2px 6px #01FFFB inset;
}
.sback{
    position: absolute;
    top: 10vw;
    left: 4vw;
    height: 10vw;
    width: 6vw;
    z-index: 99;
}
.cjjd{
    position: relative;
    left: 0;
    top: 0;
    background: #09021a;
}
.buys{
    position: absolute;
    bottom: 20vw;
    left: 50%;
    height: 20vw;
    width: 40vw;
    background: url('../timg/btns.png') no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 5vw;
    color: #fff;
    transform: translate(-50%, 10px);
}
.iixo{
    height:10vw;
    width: 10vw;
    margin-bottom: 1vw;
}
.dh-bodys{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex: 1;
    border-top: 1px solid #01FFFB;
    border-bottom: 1px solid #01FFFB;
}
.dh-left{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    flex: 1;
    flex-grow: 1;
}
.dh-left-re{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column-reverse;
    flex: 1;
    flex-grow: 1;
}
.dh-left-item{
    color: #01FFFB;
    font-size: 4vw;
    border-bottom: 1px solid #01FFFB;
    padding: 4vw 8vw;
    height: 20vw;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}
.dh-right{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    flex: 1;
    flex-grow: 2;
}
.dh-right-item{  
    color: #01FFFB;
    font-size: 4vw;
    border-bottom: 1px solid #01FFFB;
    padding: 4vw;
    height: 20vw;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}
.nos{
    border: none !important;
}
.yyt{
background-color: #ffffff36 !important;
border-radius: 5px;
color: #fff !important;
display: flex;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 16px;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;
}
input{
    color: #fff !important;
}
.van-cell::after{
    border: none !important;
}

.dh-tops{
    color: #01FFFB;
    font-size: 3vw;
    height: 10vw;
    line-height: 10vw;
    text-align: left;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.dh-footer{
    color: #01FFFB;
    font-size: 3vw;
    height: 10vw;
    line-height: 10vw;
    padding-left: 10vw;
    text-align: left;
}
.gotrx{
    display: block;
    border: 1px solid #01FFFB;
    line-height: 10px;
    border-radius: 5px;
    padding: 1vw;
}
.ddbtn{
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
}
.btion{
    height: 10vw;
    width: 10vw;

}
.lin-top{
    height: 20vw;
    background: #01FFFB;
    width: 1px;
}
.lin-bottom{
    height: 20vw ;
    background: #01FFFB;
    width: 1px;
}
.btns{
    background: url('../timg/dhbtn.png') no-repeat;
    background-size: 100% 100%;
    height: 10vw;
    line-height: 10vw;
    font-size: 5vw;
    padding: 2vw;
    margin: 4vw auto;
    width: 90%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cjbtns{
    background: url('../timg/cjbtn.png') no-repeat;
    background-size: 100% 100%;
    height: 10vw;
    line-height: 10vw;
    font-size: 5vw;
    padding: 2vw;
    margin: 4vw auto 0;
    width: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gdwt .txt{
    text-align: left;
    font-size: 6vw;
    color: #01FFFB;
    padding-left: 4vw;
}
.gdbgs{
    background: url('../timg/bkly.png') no-repeat;
    background-size: 100% 100%;
    width: auto;
    min-height: 40vw;
    height: auto;
    margin: 2vw 0;
    padding: 2vw 4vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
    color: #fff;
    font-size: 4vw;
}
.imglist{
    display: flex;
    justify-content: left;
    flex-direction: row;
    flex-wrap: wrap;   
    overflow: auto;
    width: 100%;
}
.imico{
    width: 10vw;
    height: 10vw;   
    background: url('../timg/gdxqico.png') no-repeat;
    background-size: 100% 100%;
    line-height: 10vw;
    font-size: 6vw;
    color: #021732;
    text-shadow: none;
}
.imicom{
    width: 10vw;
    height: 10vw;   
    background: url('../timg/gdxq.png') no-repeat;
    background-size: 100% 100%;
    line-height:10vw;
    font-size: 6vw;
    color: #021732;
}
.imicos{
    width: 10vw;
    height: 10vw;
    margin: 2vw;   
}

.times{
    font-size: 4vw;
    color: #01FFFB;
    text-align: left;
    padding-left: 4vw;
    margin-bottom: 4vw;
}
.gdtime{
    font-size: 3vw;
    color: #01FFFB;
    text-align: left;
}
.gd-list{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
}
.gd-list-item{
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    align-items: center;    
}
.gd-l{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.mml{
    height: 100%;
    width: 1px;
    background: #01FFFB;
    min-height: 100px;
}
.gd-r{
    width: 60vw;
    height:30vw; 
    margin-left: 2vw;   
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    overflow: hidden;
    text-align: left;
}

.gd-r.end{
    width: 60vw;
    height:auto !important; 
}
.fzbtn{
    background: url("../timg/fz.png") no-repeat;
    background-size: 100% 100%;
    height: 4vw;
    width: 4vw;
    display: block;
}
.hfneir{
    color: #fff;
    font-size: 4vw;
}
.bttonm{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    margin: 5vw ;
    height: 10vw;
}
.flexsa{
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    align-items: center;
    width: 100%;
    z-index: 11;
}
.btnsd{
    background: url('../timg/dhdtns.png') no-repeat;
    background-size: 100% 100%;
    padding: 0 4vw;
    height: 16vw;
    line-height: 16vw;
    font-size: 5vw;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;

}
.win-bg{
    background: url('../timg/winbg.png') no-repeat;
    background-size: contain;
    height: 50%;
    width: 100%;
    background-position: center;
}
.caidan{
    background: url('../timg/cas.gif') no-repeat;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    z-index: 1;
    overflow: hidden;

}
.win-tit{
    background: url('../timg/wintbg.png') no-repeat;
    background-size: 100% 100%;
    height: 16vw;
    line-height: 12vw;
    font-size: 6vw;
    width: 100%;
    font-weight: bold;
    color: #021732;
    margin-top: 6vw;
    text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
}
.winbody{
    text-align: center;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    height: 48vw;
  

}
.winnum{
    font-size: 16vw;
    color: #fff;
    font-weight: bold;
    text-shadow: #19EEFE 1px 0 0, #19EEFE 0 1px 0, #19EEFE -1px 0 0, #19EEFE 0 -1px 0;

}
.ttx{
    color: #fff;
    font-size: 6vw;
}
.winbtn{
    display: flex;
    flex-direction: row;
    justify-content: space-around;

}
.loserbtn{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 3vw;
}
.ye{
    text-align: right;
}

.wl-bottom{
    margin-top: 5vw;
}
.wl-bottom-icon{
    width: 50%;
    margin: 5vw auto;
    position: relative;
}
.ewmic{
    width: 20vw;
    height: 20vw;
    border-radius: 5px;
}
.ewmtc{
    position: absolute;
    top: -24vw;
    right: -7vw;
    width: 22vw;
    height: 22vw;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #01FFFB;
    border-radius: 5px;
    transition: all 1s;
}

.email{
    background: url('../timg/youxiang.png') no-repeat;
    background-size: 100% 100%;
    height: 5vw;
    width: 5vw;
}
.dianbao{
    background: url('../timg/dianbao.png') no-repeat;
    background-size: 100% 100%;
    height: 5vw;
    width: 5vw;
}
.tuite{
    background: url('../timg/tuite.png') no-repeat;
    background-size: 100% 100%;
    height: 5vw;
    width: 5vw;
}
.weixin{
    background: url('../timg/weixin.png') no-repeat;
    background-size: 100% 100%;
    height: 5vw;
    width: 5vw;
}
.wl-txt-btn{
font-size: 3vw;
color: #01FFFB;
margin: 4vw auto;
}
.wl-botm{
    color: #fff;
    font-size: 3vw;
    margin: 2vw;
}
.czlist{
    height: 95vw;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}

.fromTopOut {
    transition: transform 1s ease,opacity 1s ease;
    transform: translate(0,-10px);
    opacity: 0;
}
.fromTopIn {
    transition: transform 1s ease,opacity 1s ease;
    transform: translate(0,0);
    opacity: 1;
}
.fromLeftIn {
    transition: transform 1s ease,opacity 1s ease;
    transform: translate(0,0);
    opacity: 1;
}
.fromLeftOut {
    transition: transform 1s ease,opacity 1s ease;
    transform: translate(-10px,0);
    opacity: 0;
}